<template>
  <view class="tab-bar">
    <up-tabbar
      :value="menuActive"
      @change="changeMenuIndexHandle"
      :fixed="true"
      :placeholder="true"
      :safeAreaInsetBottom="true"
      activeColor="#fe8100"
    >
      <up-tabbar-item
        v-for="(item, index) in menuList"
        :text="item.text"
        :key="index"
        :icon="item.icon"
      ></up-tabbar-item>
    </up-tabbar>
  </view>
</template>
<script lang="ts">
export default {
  name: "TabBar",
};
</script>
<script lang="ts" setup>
import baseStore from "@/store/modules/base";
import OperationHook from "./composables/operationHook";
const { menuList, menuActive, setActive } = baseStore();
const { changeMenuIndexHandle } = OperationHook({
  menuList,
  setActive,
});
</script>
<style lang="scss"></style>
